<template>
  <div class="">
    <div>
      <span>name：</span>
      <span>{{ main.name }}</span>
    </div>
    <div>
      <span>sex：</span>
      <span>{{ main.sex }}</span>
    </div>
    <div>
      <span>age：</span>
      <span>{{ main.age }}</span>
    </div>
    <div>
      <span>phone：</span>
      <span>{{ other.phone }}</span>
    </div>
  </div>
</template>

<script>
import { mixin } from './mixin.js';
export default {
  props: {},
  components: {},
  mixins: [mixin],
  data() {
    return {};
  },
  created() {},
  mounted() {
    this.initDataFun(); // 初始化数据
  },
  beforeDestroy() {},
  watch: {},
  computed: {},
  methods: {
    // 初始化数据
    initDataFun() {
      this.main.age = 10;
      this.other.phone = '15112344321';
      console.log(this.main, this.other);

      this.mixinPro.inputChildCallback = this.inputChildCallback.bind(this)
    },

    inputChildCallback() {
      console.log('这里是子组件-输入框')
    }
  },
};
</script>

<style lang="less"></style>

<style lang="less" scoped></style>
